﻿body {
}

#marco 
{
 
 margin: 0em auto 0 auto;
 width:100%;
 height:auto;
 background-color:#FCFCFC;
 z-index:0;
  
 }
 
#header 
{
     background-color:#27509b;
     height:100px;
     position:fixed;
     margin:0px;
     width:100%;
     left: 0px;
     top:0px;
     z-index:20;
}
    
#contenido 
{
   height:80%;
   width:80%;
   margin-top:130px;
   background-color:#FCFCFC;
   background-position:center;
   padding:10px; 
   left:10%;
   z-index:1;
   position:relative;
   overflow-x:hidden;
   overflow-y:auto; 
    }
    
#footer
{
     background-color:#27509b;
     height:50px;
     margin:0px;
     width:100%;
     bottom:0px;
     top:93%;
     left:0px;
     position:fixed;
     z-index:21;
    }
#barramenu
{
   width:100%;
   height:30px;
   background-color:#9AB210;
   top:100px;
   position:fixed;
   margin:0px;
   left:0px;
   z-index:20;
   
    }
#barrausuario
{
    width:100%;
    height:25px;
    background-color:transparent;
    position:fixed;
    margin:0px;
    top:80px;
    left:0px;
    color:White;
    z-index:21;
    text-align:right;
    padding-right:10px;
    }
    
#logoius
{
     position:relative;
     width:30%;
     height:100%;
     z-index:1000;
     top:4px;
     left:15px;
}
#imguser
{
     width:70px;
     height:70px;
     position:relative;
     z-index:50;
     left:90%;
     top:-91px;
    
}